<template>
  <view class="content">
    <view class="g-header">
    </view>
    <view class="innerPre">
    </view>
    <view class="inner">

      <view class="noticeList">
        <view class="noticeLi">
          <view class="nlIcon">
          </view>
          <view class="nlBody">
            <view class="nlBTitle">系统通知</view>
            <view class="nlBContent">
              <text class="nlBContent1">您的账户余额已不足500元，请及时充值保证饮水正常进行。</text>
              <text class="nlBContent2">马上充值</text>
            </view>
          </view>
        </view>
      </view>

    </view>
    <view class="innerNext">
    </view>
  </view>
</template>

<script>
import * as util from '@/common/util'
import _ from 'lodash'

export default {
  components: {},
  data(){
    return {
      title: 'Hello',
      list: [],
    }
  },
  onLoad(){
    this.id = this.$Route.query.id
    console.log(`this.id`, this.id)
  },
  onShow(){},
  mounted(){},
  onReady(){},
  methods: {},
}
</script>
<style lang="scss">
//@import "./000.scss";

page {
  background-color: #F7F9FB;
}

.innerPre {

}

.inner {
  padding: 24px;
}

.innerNext {

}


.noticeList {

  .noticeLi {
    background: #FFFFFF;
    border-radius: 16px 16px 16px 16px;
    padding: 24px;

    display: flex;
    align-items: flex-start;

    .nlIcon {
      flex: 0 0 48px;
      margin-right: 20px;
      width: 48px;
      height: 48px;
      background: linear-gradient(180deg, #36C6FF 0%, #0D8AFF 100%);
      border-radius: 8px 8px 8px 8px;
      opacity: 1;
    }

    .nlBody {

      .nlBTitle {
        font-size: 32px;
        font-weight: normal;
        color: rgba(0, 0, 0, 0.8);
      }

      .nlBContent {
        font-size: 28px;
        font-weight: normal;
        line-height: 44px;
        .nlBContent1 {
          color: #8C8C8C;
        }
        .nlBContent2 {
          color: #177FFF;
        }
      }
    }

  }
}


</style>
